import { GUI } from 'three/addons/libs/lil-gui.module.min.js';



class UI {

  constructor(options = {}) {
    //super(options);
  }
  saveFile(renderer) {
    const canvas = renderer.domElement; //获取canvas对象
    // 创建一个超链接元素，用来下载保存数据的文件
    const link = document.createElement('a');
    // 通过超链接herf属性，设置要保存到文件中的数据
    link.href = canvas.toDataURL("image/png");

    link.download = 'webgl.png'; //下载文件名
    link.click(); //js代码触发超链接元素a的鼠标点击事件，开始下载文件到本地
  }

  openGUI() {
    const self = this;



    const params = {
      saveImage: function() {
        self.saveFile(self.renderer);
      },
      newStyle: function() {
        self.setOptions({  "text": {
            ttfUrl: '/static/fonts/varsity-team.ttf',
            "fontName": "Rounded",
            "fontSize": 140,
            "content": "123",
            "charSpacing": 5,
            "lineSpacing": 0,
            "pathOffset": -10
          }})
      }
    };
    const gui = new GUI();
    gui.add(params, 'saveImage').name('save image');
    gui.add(params, 'newStyle').name('new style');
    gui.open();
  }
}


export default UI;